<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="o6i0tTxsEgUfdnK84w92bpRoV9z6Xsxg3acVH1vW">
    <title>用户注册 </title>
    <meta name="keywords" content="用户注册"/>
    <meta name="description" content="用户注册"/>
    <!-- Bootstrap -->
    <link href="__STATIC__/dx/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STATIC__/dx/css/account.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="__STATIC__/dx/js/html5shiv.min.js"></script>
    <script src="__STATIC__/dx/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <div class="header text-center">
        <h1>
            <a href="" class="logo">
                <img src="__STATIC__/dx/picture/login-logo.png" alt="Tipask站长社区">
            </a>
        </h1>
        <p class="description text-muted">欢迎进入登陆页</p>
    </div>

    <div class="col-md-6 col-md-offset-3 bg-white login-wrap">
        <h1 class="h4 text-center text-muted login-title">登陆账号</h1>
        <form role="form" id="registerForm" action="{:url('login/index/login')}" method="post">
            <div class="form-group ">
                <label class="required">姓名</label>
                <input type="text" class="form-control" name="username" value="" required placeholder="姓名">
            </div>
           
            <div class="form-group">
                <label for="" class="required">密码</label>
                <input type="password" class="form-control" name="userpass" required placeholder="请输入密码">
            </div>
            <div class="form-group">
                同意并接受 <a href="#" target="_blank" data-toggle="modal" data-target="#register_license_modal">《服务条款》</a>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-block btn-lg">登陆</button>
            </div>
        </form>
    </div>


    <div class="text-center col-md-12 login-link">
        <a href="{:url('login/index')}">用户登录</a>
        |
        <a href="{:url('index/index')}">首页</a>
        |
        <a href="https://wenda.tipask.com/forgetPassword">找回密码</a>
    </div>
    <div class="modal fade " id="register_license_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title text-center">Tipask站长社区服务条款</h4>
                </div>
                <div class="modal-body">
                    <div style="height: 450px;overflow:scroll;">
                        <p>       当您申请用户时，表示您已经同意遵守本规章。 </p>
                        <p>欢迎您加入本站点参加交流和讨论，本站点为公共论坛，为维护网上公共秩序和社会稳定，请您自觉遵守以下条款： </p>
                        <p><br></p>
                        <p>一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播下列信息：</p>
                        <p>　 （一）煽动抗拒、破坏宪法和法律、行政法规实施的；</p>
                        <p>　（二）煽动颠覆国家政权，推翻社会主义制度的；</p>
                        <p>　（三）煽动分裂国家、破坏国家统一的；</p>
                        <p>　（四）煽动民族仇恨、民族歧视，破坏民族团结的；</p>
                        <p>　（五）捏造或者歪曲事实，散布谣言，扰乱社会秩序的；</p>
                        <p>　（六）宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖、教唆犯罪的；</p>
                        <p>　（七）公然侮辱他人或者捏造事实诽谤他人的，或者进行其他恶意攻击的；</p>
                        <p>　（八）损害国家机关信誉的；</p>
                        <p>　（九）其他违反宪法和法律行政法规的；</p>
                        <p>　（十）进行商业广告行为的。</p>
                        <p><br></p>
                        <p>二、互相尊重，对自己的言论和行为负责。</p>
                        <p>三、禁止在申请用户时使用相关本站的词汇，或是带有侮辱、毁谤、造谣类的或是有其含义的各种语言进行注册用户，否则我们会将其删除。</p>
                        <p>四、禁止以任何方式对本站进行各种破坏行为。</p>
                        <p>五、如果您有违反国家相关法律法规的行为，本站概不负责，您的登录论坛信息均被记录无疑，必要时，我们会向相关的国家管理部门提供此类信息。</p>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="__STATIC__/dx/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="__STATIC__/dx/js/bootstrap.min.js"></script>
<script src="__STATIC__/dx/js/global.js"></script>
<div class="" id="verify_code_modal">

</div>

<script type="text/javascript">
    var countdown_second = 60;

    function Countdown(btn) {
        if (countdown_second == 0) {
            btn.attr("class", "btn btn-xl btn-default btn-send-code");
            btn.text("免费获取验证码");
            countdown_second = 60;
            return;
        } else {
            btn.attr("class", "btn btn-xl btn-default disabled");
            btn.text("重新发送(" + countdown_second + ")");
            countdown_second--;
        }
        setTimeout(function () {
                Countdown(btn)
            }
            , 1000)
    }



    $(function () {
        $('#verify_code_modal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget);
            var mobile_id = button.data('mobile_id');
            var send_type = button.data('send_type');
            var mobile = $("#" + mobile_id).val();
            // if (!is_mobile(mobile)) {
            //     show_form_error($("#" + mobile_id), "邮箱号码格式错误");
            //     return false;
            // }
            sendSmsCode();
        });



    });

    function sendSmsCode() {
        //        var mobile = $("#mobile").val();
        var mobile = $('#mobile').serialize();
        console.log(mobile);
        $.ajax({
            type: 'get',
            url: '/index/Login/ccp/',
            data: mobile,
            dataTpye: 'json',
            success: function (data) {
                if (data.status) {
                    //                     console.log(data);
                    $('#verify_code_modal').modal('hide');
                    Countdown($(".btn-send-code"));
                } else {
                    $("#reloadCaptcha").trigger('click');
                    toastr.error(data.msg, '警告 :手机号码已注册');
                    return false;
                }
            },
            error: function () {
                //                console.log('ad');
            }
        });
    }
</script>



</body>
</html>